body {
    background-image: url(/images/thembackground.png);
    font-family: diamant;
    color: #381520;
cursor: url(/images/cursors/melodydefault.png), auto;
}

body a {
    cursor: url(/images/cursors/melodylink.png), auto;
}

@font-face {
    font-family: diamant;
    src: url(/fonts/Diamant.otf)
}

.holder {
    height: 1px;
    width: 1px;
    margin: auto;
}

.cheypage {
    height: 600px;
    width: 400px;
    font-size: 40px;
    background-image: url(/images/notebook.png);
    transform: rotate(-20deg);
    position: relative;
    top: 100px;
    right: 500px;
    padding: 2px 2px;
    border: 3px solid #803950;
    border-radius: 10px;
}

.cheypage p {
    position: relative;
    top: 50px;
    left: 50px;
}

.aucheya {
    
    position: relative;
    bottom: 500px;
    left: 350px;
}

.aucheya:hover {
    transform: rotate(20deg);
}

.kiss {
    position: relative;
    height: 150px;
    bottom: 620px;
    right: 200px;
}

.soft {
    position: relative;
    bottom: 550px;
    left: 700px;
    transform: rotate(20deg);
}

.mihaelpage {
    height: 600px;
    width: 400px;
    font-size: 40px;
    background-image: url(/images/notebook.png);
    transform: rotate(20deg);
    position: relative;
    top: 200px;
    left: 100px;
    padding: 2px 2px;
    border: 3px solid #803950;
    border-radius: 10px;
}

.mihaelpage p {
    position: relative;
    top: 50px;
    left: 50px;
}

.mihael {
    position: relative;
    bottom: 500px;
    right: 50px;
}

.mihael:hover {
    transform: rotate(-20deg);
}

.letter {
    position: relative;
    height: 150px;
    bottom: 620px;
    left: 200px;
}

.brave {
    position: relative;
    bottom: 500px;
    right: 700px;
    transform: rotate(-20deg);
}

.lainpage {
    height: 600px;
    width: 400px;
    font-size: 40px;
    background-image: url(/images/notebook.png);
    transform: rotate(-20deg);
    position: relative;
    top: 300px;
    right: 500px;
    padding: 2px 2px;
    border: 3px solid #803950;
    border-radius: 10px;
}

.lainpage p {
    position: relative;
    top: 50px;
    left: 50px;
}

.lain {
    position: relative;
    bottom: 500px;
    left: 350px;
}

.lain:hover {
    transform: rotate(20deg);
}

.heart {
    position: relative;
    height: 150px;
    bottom: 620px;
    right: 200px;
}

.strong {
    position: relative;
    bottom: 550px;
    left: 700px;
    transform: rotate(20deg);
}

.back {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
}